<body class="login-bg">
    
    <div class="login layui-anim layui-anim-up">
        <div class="message">x-admin2.0-管理登录</div>
        <div id="darkbannerwrap"></div>
        
        <form method="post" class="layui-form" >
            <input name="nickname" placeholder="用户名"  type="text" lay-verify="required" class="layui-input" >
            <hr class="hr15">
            <input name="password" lay-verify="required" placeholder="密码"  type="password" class="layui-input">
            <hr class="hr15">
            <input name="captcha" style="width:55%;display: inline-block" lay-verify="required" placeholder="验证码"  type="text" class="layui-input">
            <div class="code" style="width:40%;height: 50px;background: red;display: inline-block;float: right;">
              <img width="100%" height="100%" src="{:url('admin/login/code')}" alt="captcha" />
            </div>
            <hr class="hr15">
            <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
            <hr class="hr20" >
        </form>
    </div>

    <script>
      //Demo
      layui.use(['form','jquery'], function(){
        var form = layui.form;
        $ = layui.jquery;
        //监听提交
        form.on('submit(login)', function(data){
          $.ajax({
              url: '{:url('admin/login/checkdata')}',
              type: 'POST',
              dataType: 'json',
              data: data.field,
          })
          .done(function(res) {
             if (res.code==0) {
                  layer.msg(res.msg,function(){});
             }else{
                  layer.alert(res.msg,function(){
                      location.href="{:url('admin/index/index')}";
                  });
             }
          })
          .fail(function() {
              layer.msg('系统异常',function(){});
          })
          
          return false;
        });
      });
      </script>

</body>
</html>